﻿import QtQuick 2.0
import QtQuick.Controls 2.0
import QtQuick.Layouts  1.12
import QtGraphicalEffects 1.12
import "./utils" as Utils

Rectangle {
    id: brokenRect
    Rectangle {
        id: barRect
        width: 266
        height: 643
        color: "#272C39"
        Utils.MyTabBar {
            id: settingsTabbar
            width: parent.width
            height: 69 * 3
            anchors.top: parent.top
            anchors.topMargin: 64
            spacing: 0
            currentIndex: 0
            model: ["发动机DMI故障", "变速箱故障", "车辆故障"]
        }
    }

    StackLayout {
        anchors.left: barRect.right
        anchors.right: parent.right
        height: parent.height
        currentIndex: settingsTabbar.currentIndex

        Rectangle {
            color: "#20212C"

            Text{
                x: 31
                y: 22
                color: "#DAEFFF"
                text: "运行故障信息"
                font{
                    family: "Microsoft YaHei"
                    pixelSize: 24
                }
            }

            Text {
                id: noFadongjiBrokenText
                x: 480
                y: 292
                text: "        无故障"
                color: "#DAEFFF"
                font{
                    family: "Microsoft YaHei"
                    pixelSize: 24
                }
                Image {
                    anchors.verticalCenter: parent.verticalCenter
                    source: "qrc:/imgs/smile.png"
                }
            }

        }

        Rectangle {
            color: "#20212C"
            Text{
                x: 31
                y: 22
                color: "#DAEFFF"
                text: "运行故障信息"
                font{
                    family: "Microsoft YaHei"
                    pixelSize: 24
                }
            }

            Text {
                id: noBiansuxiangBrokenText
                x: 480
                y: 292
                text: "        无故障"
                color: "#DAEFFF"
                font{
                    family: "Microsoft YaHei"
                    pixelSize: 24
                }
                Image {
                    anchors.verticalCenter: parent.verticalCenter
                    source: "qrc:/imgs/smile.png"
                }
            }
        }

        Rectangle {
            color: "#20212C"
            Text{
                x: 31
                y: 22
                color: "#DAEFFF"
                text: "运行故障信息"
                font{
                    family: "Microsoft YaHei"
                    pixelSize: 24
                }
            }

            Text {
                id: noCheliangBrokenText
                x: 480
                y: 292
                text: "        无故障"
                color: "#DAEFFF"
                font{
                    family: "Microsoft YaHei"
                    pixelSize: 24
                }
                Image {
                    anchors.verticalCenter: parent.verticalCenter
                    source: "qrc:/imgs/smile.png"
                }
            }
        }
    }
}
